import React from 'react';
import { Layout, Typography } from 'antd';
import StockSearch from './components/StockSearch';

const { Header, Content, Footer } = Layout;
const { Title } = Typography;

const App = () => {
  return (
    <Layout className="layout">
      <Header style={{ display: 'flex', alignItems: 'center', padding: '0 24px' }}>
        <Title level={3} style={{ color: 'white', margin: 0, lineHeight: '64px' }}>
          股票分析平台
        </Title>
      </Header>
      <Content style={{ padding: '0 50px', marginTop: 64 }}>
        <div className="site-layout-content">
          <StockSearch />
        </div>
      </Content>
      <Footer style={{ textAlign: 'center' }}>
        股票分析平台 ©2025 Created with iFlow
      </Footer>
    </Layout>
  );
};

export default App;